$(function(){

  var key=getSearch().ooo;
  $('.lt_search input').val(key);


  
  render()
  
  function render(){
   
    var param={
     proName:key,
     page:1,
     pageSize:200,
    }

     var $now=$('.lt_sort a.now');
     console.log($now);
     if($now.length===1){
      var type=$now.data('type');
      console.log(type);
      console.log('ccc',$now.find('span').hasClass('fa-angle-down'));
      var value=$now.find('span').hasClass('fa-angle-down')?2:1
      console.log(value);
      param[type]=value;
     }
    
     $.ajax({
      url:'/product/queryProduct',
      type:'get',
      data:param,
      beforeSend:function(){
        $('.lt_product').html('<div class="loading"></div>');
      },
      success:function(info){
        console.log(info);
        setTimeout(function(){
          $('.lt_product').html( template('tmp',info) )
        },2000)
      }
     })
  }


  // 点击搜索功能
  $('.lt_search button').on('click',function(){
   var value=$('.lt_search input').val().trim();
   if(!value){
     mui.toast('请输入搜索关键字')
     return
   }
   location.href="searchList.html?ooo="+value;
  })

  // 点击排序
  $('.lt_sort a[data-type]').on('click',function(){
     var $this=$(this);
     if ($this.hasClass('now')) {
      // 有 修改当前li下的span的类  fa-angle-down  fa-angle-up
      $this
        .find('span')
        .toggleClass('fa-angle-down')
        .toggleClass('fa-angle-up')
    } else {
      // 没有
      $this
        .addClass('now')
        .siblings()
        .removeClass('now')
      // 所有的箭头往下
      $('.lt_sort span')
        .removeClass('fa-angle-up')
        .addClass('fa-angle-down')
    }

   render()
  })

})
